<div class="lv-table-cell-container lv-table-td-container">
  <!--展开详情icon-->
  <ng-container *ngIf="lvShowUnfold">
    <i
      class="lv-table-toggle-unfold lv-table-operation-icon"
      [lv-icon]="unfoldToggleIcon[lvUnfold + '']"
      [ngClass]="{ 'triangle-down': lvUnfold, 'triangle-up': !lvUnfold }"
      (click)="unfold($event)"
    ></i>
  </ng-container>

  <!-- checkbox -->
  <ng-container *ngIf="lvShowCheckbox && multiple">
    <lv-tooltip class="lv-cell-checkbox-tip" [lvContent]="lvCheckboxTip" [lvContextData]="lvRowData">
      <label
        class="lv-cell-checkbox"
        lv-checkbox
        lvControl
        (click)="_selectionRow($event, lvRowData)"
        [ngModel]="isAllCheck"
        [lvIndeterminate]="isHalfCheck"
        [lvDisabled]="lvDisabled"
      ></label>
    </lv-tooltip>
  </ng-container>

  <!-- 内边距，树表场景使用 -->
  <span [style.marginLeft]="innerPaddingLeft"></span>

  <!--展开子项icon-->
  <ng-container *ngIf="lvShowExpanded">
    <i
      class="lv-table-toggle-expanded lv-table-operation-icon"
      [ngClass]="{ active: lvExpanded }"
      [lv-icon]="expandedToggleIcon[lvExpanded + '']"
      (click)="expanded($event)"
    ></i>
  </ng-container>

  <!--是否为内嵌的内容-->
  <ng-container [ngSwitch]="lvInnerUnfold">
    <!-- 内嵌内容 -->
    <ng-container *ngSwitchCase="true">
      <div class="lv-table-unfold-main">
        <div class="lv-table-unfold-content">
          <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
        </div>
      </div>
    </ng-container>

    <!-- 是否为复杂编辑状态 -->
    <ng-container *ngSwitchDefault [ngSwitch]="lvUnfoldEdit">
      <!-- 复杂编辑状态 -->
      <ng-container *ngSwitchCase="true">
        <div class="lv-table-edit-main">
          <div class="lv-table-edit-content">
            <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
          </div>
        </div>
      </ng-container>

      <!-- 默认 -->
      <ng-container *ngSwitchDefault>
        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
      </ng-container>
    </ng-container>
  </ng-container>

  <!-- 投影 -->
  <ng-template #contentTemplate>
    <!-- 原内容 -->
    <div class='lv-table-cell-content lv-table-td-content' [ngClass]="{ 'lv-table-cell-blank': lvKeepWhiteSpace }">
      <ng-content></ng-content>
    </div>
  </ng-template>
</div>
